var MenuItemModel = function() {
	this.signUpItem = $('#signup_item');
	this.loggedUserItem = $('li.loggedUser');
};

var MenuItem = function(model) {

	var loadLoginForm = function() {
		$.ajax({
			url : '/loginForm',
			dataType : 'html',
			success : function(data) {
				renderFancyBox(data);
			},
			error : function() {
			}
		});
	};

	var renderFancyBox = function(html) {
		$.fancybox({
			content : html,
			fitToView : true,
			autoSize : true,
			closeClick : false,
			openEffect : 'none',
			closeEffect : 'none'
		});
	};

	var slideMenu = function() {
		var thisLi = $(this);
		$("li.loggedUser").mouseover(function() {
			$(this).stop().animate({
				height : '100px'
			}, {
				queue : false,
				duration : 600,
				easing : 'easeOutBack'
			})
		});

		$("li.loggedUser").mouseout(function() {
			$(this).stop().animate({
				height : '35px'
			}, {
				queue : false,
				duration : 600,
				easing : 'easeOutBounce'
			})
		});
	};

	this.init = function() {
		model.signUpItem.click(loadLoginForm);
		model.loggedUserItem.mouseover(slideMenu);
	};

};